<!--
 * @Author: your name
 * @Date: 2019-10-26 17:08:57
 * @LastEditTime: 2019-10-26 19:14:07
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \simple\src\components\InfoHeader\index.vue
 -->
<template>
  <div>
     <div slot="header" class="clearfix">
       <div class="head">
          <span>详情页面</span>
        <i class="el-icon-circle-close" @click="back"></i>
       </div>
      </div>
      <!-- <el-page-header @back="back" content="详情页面">
</el-page-header> -->

  </div>
</template>

<script>
export default {
  data () {
    return {

    }
  },
  methods: {
    back () {
      this.$router.go(-1)
    }
  }

}
</script>

<style lang="scss" scoped>
/* 清除浮动 */
.clearfix:before,
  .clearfix:after {
      display: table;
      content: "";
  }
  .clearfix:after {
      clear: both
  }
   .head{
     height: 50px;
     padding: 5px 10px;
     margin-top: -5px;
     display: flex;
     justify-content: space-between;
     span{
        font-size: 25px;
    }
    .el-icon-circle-close{
      font-size: 30px;
      color: #303133;
    }
   }
</style>
